<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			
			*{
				font-family: "微软雅黑";
				font-size: 14px;
			}
			
			#div01{
				
				width: 800px;
				height: auto;
				overflow: hidden;
				border: 3px solid green;
				margin: 10px;
			}
			
			.c001{
				width: 150px;
				height: 100px;
				line-height: 100px;
				border: 1px solid red;
				float: left;
				margin: 10px;
				text-align: center;
				
			}
			
			.button007{
				width: 450px;
				height: 50px;
				background-color: #ef5b00;
				border: 0px;
				color: white;
				cursor: pointer;
				display: block;
				margin: 15px;
			}
			
		</style>
	</head>
	<body>
		
		<div id="div01">
			<div class="c001">刘备</div>
			<div class="c001">关羽</div>
			<div class="c001">张飞</div>
		</div>
		
		<div id="div01" style="border: 3px solid lightcoral ;" >
			<div class="c001">狮子</div>
			<div class="c001">老虎</div>
		</div>
		
		
		<input class="button007" type="button" value="三国之人物" />
		<input class="button007" type="button" value="哪些是动物" />
		
	</body>
</html>
